Pairing typefaces using the font matrix字型匹配使用字型矩陣
選輔助字型需要和主要字型有所不同，但又不能差異太大。這聽起來很簡單，但實際操作時卻很難確定應該在哪些方面保持相似，哪些方面可以不同。
為了幫助解決這個問題，我們來了解一個叫"字型矩陣"的概念。這個方法來自知名字型專家Indra Kupferschmid的研究。透過這個概念，你能更容易理解字型的特點，也能更好地進行字型搭配。根據具體專案的需要來調整。
The problem with the current models for classifying type 目前字型分類方法存在哪些問題？
目前，我們主要是按照字型的基本型別來分類，比如分成襯線體和無襯線體。這種分類方法雖然簡單直觀，但範圍太大，還是會讓我們面對太多選擇。
傳統的字型分類方法雖然細緻，但需要專業知識才能理解。而且隨著現代字型設計融合了不同時期的風格特點，這種方法變得不太實用。
那麼，如何用更簡單的方法來描述字型呢？Kupferschmid提出了三層系統：
- 第一層 Skeleton：基本骨架（字型結構）
- 第二層 Flesh：字型筆畫（粗細和襯線）
- 第三層 Skin：細節特徵（更多區別）
Indra Kupferschmid提出的三層分析系統，幫助我們更好地理解字型的特點。
Layer 1: Skeleton 骨架結構
骨架結構是最重要的一層，決定了字型的基本形態。主要有三種基本模式：
- 靈動型：筆畫開放流暢
- 理性型：筆畫封閉規整
- 幾何型：由基本幾何圖形構成
襯線字型有粗細不同的筆畫，所以很容易看出它們的結構差異。這些差異在無襯線字型中也存在，只是不那麼明顯。
讓我們透過一個例子來理解這些形態。我們選擇了"Ragstone"這個單詞，因為它包含了多種字母形狀，更容易展示字型的特點：
靈動型字型的"e"、"a"和"s"這些字母都是開放的形狀。另外，"o"字母會有一點傾斜（用Source Sans Pro這種無襯線字型時不太容易看出來）。
靈動型字型的主要特點就是字母形狀開放自然，帶有輕微的傾斜感。這樣的設計讓字型看起來更親切友好。在選擇字型時，瞭解這些特點可以幫我們找到最適合的風格。
這些封閉、規整的字母形狀使得字型給人一種專業和正式的感覺。
它不在意字母開口是大是小，也不像其他字型那樣有傾斜感。它最大的特點就是用簡單的幾何形狀來設計字母。比如圓形可以設計出"e"、"g"、"a"和"o"，而"t"就保持簡單的形狀。這樣的設計風格會讓文字看起來既整潔又現代化，非常實用。
掌握了這些基礎知識後，你再回頭看文章開始提到的三種字型，就能輕鬆看出它們之間的區別了。
Layer 2: Flesh 筆畫特徵
到了第二層，我們要看字型的筆畫特徵，主要是筆畫粗細變化和襯線。這些特徵讓字型的形態更加清晰。
我們來看一個簡單的例子：最初這個字型是一個普通的無襯線字型，筆畫粗細都一樣。當我們給它新增了粗細變化和襯線後，字型看起來更有古典感了。不過，它最初那種開放流暢的風格和微微傾斜的特點仍然存在，反而因為有了筆畫變化，這些特點現在更明顯了。
這個字型從原來的簡單無襯線風格，變成了帶有粗細變化的襯線字型，但保持了理性的設計特點。
Candida是一種幾何型襯線字型，它有明顯的粗細變化。
原來的幾何型無襯線字型，加上了襯線和粗細變化，但仍然保持了幾何型的基本結構。
Layer 3: Skin 細節特徵
字型的第三層是表面特徵，就像字型的"裝飾"。這包括：
- 襯線的外觀形狀
- 裝飾效果（比如空心、內部線條、陰影）
- 字型的風格（比如西部牛仔風格、恐怖風格或科幻風格）
雖然這一層不是選擇字型搭配時必須考慮的，但它可以幫我們更好地瞭解一個字型的整體特點。
Using the font matrix for pairing type 使用字型矩陣進行配對
把骨架結構放在列，筆畫特徵放在行，就能形成一個清晰的字型矩陣：
圖片解析
水平維度（字型風格）：
流暢型：更具活力和流動感的字型 Minerva Modern、Alegreya、Source Sans Pro和Bitter
理性型：結構均衡，強調清晰度和可讀性 Arya、Bodoni Moda、Helvetica、Zilla Slab
幾何型：基於幾何形狀，強調規則性和對稱性 Tenor Sans、Candida、Outfit、Memphis
垂直維度（字型特徵）：
CONTRASTING SANS（高對比無襯線）：無襯線但筆畫對比強烈，常見於現代感強的設計。
CONTRASTING SERIF（高對比襯線體）：帶有明顯筆畫對比的襯線字型，優雅且富有表現力。
LINEAR SANS（線性無襯線）：筆畫粗細均勻的無襯線字型，強調現代感和清晰度。
LINEAR SERIF（線性襯線體）：筆畫均勻的襯線字型，結構穩定，適用於正文閱讀。
1. Pair typefaces with similar form models 搭配相似骨架結構的字型
挑選字型搭配時，選擇相同骨架結構的字型是最安全的。因為基本結構相似，只是在筆畫、裝飾等方面有所不同，所以不會顯得突兀。
2. Pair typefaces with varying contrast and serifs 搭配不同粗細和襯線的字型
要讓兩種字型形成鮮明的對比效果，可以這樣做：選擇兩個在基本結構和筆畫風格上都不同的字型。在字型矩陣表中，這樣的搭配會呈對角線分佈。這種搭配雖然字型差異很大，但反而不會看起來不協調。
3. Avoid combinations with different form models, but the same contrast and serifs 需要注意：不要選擇基本結構不同，但筆畫風格相似的字型
不要選擇同一行的字型來搭配使用，因為這樣的組合效果不好。原因很簡單：這些字型雖然看起來很像（比如都有相似的筆畫粗細），但它們的基本結構卻完全不同。
Look for form models 識別字型形態
掌握這個字型搭配系統最關鍵的是學會觀察字型的基本形態。其實這很簡單，你只需要注意兩點：
一是看字型的基本特徵，比如有沒有襯線、筆畫粗細是不是一樣。
二是把它當成一個有趣的小遊戲：當你看到任何字型時，就想一想它是哪種型別的——是比較活潑流暢的靈動型，還是端正規整的理性型，或者是規則對稱的幾何型？經常這樣練習，你很快就能培養出辨識不同字型的能力。
Combining typefaces step by steplink 逐步組合字型
在組合字型時，我們建議使用字型矩陣的理念，按照以下步驟進行：
- 確定主要字型（關於這個主題，請參見"選擇字型清單"）。主要字型的作用是什麼？是正文、標題還是其他用途？
- 描述主要字型的前兩個層次特徵。
- 確定輔助字型的作用。它應該為主要字型增添什麼？
- 決定輔助字型是要採用相同還是對比的基本結構模式。
- 為輔助字型考慮一個基本分類，比如襯線體或裝飾體等。
- 瀏覽首選字型目錄，根據你的型別篩選，尋找所需的基本結構、對比度和襯線特徵。
- 在設計中嘗試這個組合。
讓我們用一個例子來實踐。假設我的主要字型是Bitter，用於正文：
接下來我們要為程式碼部分找一個配套字型。因為Bitter沒有等寬版本，所以需要選擇一個風格相近的等寬字型來搭配使用。
在Google Fonts上找等寬字型，Fira Sans最符合我們的需求。
選Fira Code最合適，因為它和我們的主字型風格相近，看起來很和諧。如果想要形成對比效果的話，Space Mono也是個不錯的選擇。
Limitations of this system 系統的侷限性
這個系統並不是完美的。有些字型不好歸類，有些場景也不適用。雖然文章裡的例子比較極端，但實際使用中，你會發現很多字型是介於不同型別之間的。這時候，你可以用"比較流暢"或"有點理性"這樣的詞來描述。
從Roboto Slab的基本形態來看，它不完全符合理性字型的特徵。不過因為它筆畫較窄、軸線垂直，整體看起來還是比較理性的。(From its form model, Roboto Slab)
裝飾字型（比如手寫體和藝術字）很特別，不需要用字型矩陣來分析。它們天生就很獨特，和其他字型搭配時自然會形成明顯的區別。
在選擇字型搭配時，要注意兩點：
- 看字型的高度和寬度是否接近
- 如果搭配效果不好，可以試著調整字型的粗細度來改善
最後要記住，字型矩陣只是一個建議，不是固定規則。就連這個方法的提出者Kupferschmid也說過，不要把它當作必須遵守的規定。這只是眾多字型搭配方法中的一種，目的是幫助你找到適合的字型組合。